<template>
  <div>
    <banner></banner>
    <lie_goodslist v-bind:title="data.title" v-bind:goods="data.goods"></lie_goodslist>
    <div style="height: 10px"></div>
    <lie_goodslist v-bind:title="data2.title" v-bind:goods="data2.goods"></lie_goodslist>
    <div style="height: 10px"></div>
    <goodslist v-bind:title="data3.title" v-bind:goods="data3.goods"></goodslist>
  </div>
</template>

<script>
  import banner from '../banner'
  import goodslist from '../../common/goodslist'
  import lie_goodslist from '../../common/lie-goodslist'

  export default {
    name: "recommend",
    components: {
      goodslist,
      banner,
      lie_goodslist
    },
    data() {
      return {
        num:0,
        data: {
          title: "餐馆最爱",
          goods: [
            {
              name: "a",
              img: "//www.baidu.com/img/baidu_jgylogo3.gif",
              id: 123,
              prize: "1.20"
            },
            {
              name: "b",
              img: "//www.baidu.com/img/baidu_jgylogo3.gif",
              id: 456,
              prize: "1.20"
            },
            {
              name: "a",
              img: "//www.baidu.com/img/baidu_jgylogo3.gif",
              id: 123,
              prize: "1.20"
            },
            {
              name: "b",
              img: "//www.baidu.com/img/baidu_jgylogo3.gif",
              id: 456,
              prize: "1.20"
            }
          ]
        },
        data2: {
          title: "今日特惠",
          goods: [
            {
              name: "x",
              img: "//www.baidu.com/img/baidu_jgylogo3.gif",
              id: 123,
              prize: "1.20"
            },
            {
              name: "z",
              img: "//www.baidu.com/img/baidu_jgylogo3.gif",
              id: 456,
              prize: "1.20"
            }
          ]
        },
        data3: {
          title: "为你推荐",
          goods: [
            {
              name: "x",
              img: "//www.baidu.com/img/baidu_jgylogo3.gif",
              id: 123,
              prize: "1.20"
            },
            {
              name: "z",
              img: "//www.baidu.com/img/baidu_jgylogo3.gif",
              id: 456,
              prize: "1.20"
            },
            {
              name: "x",
              img: "//www.baidu.com/img/baidu_jgylogo3.gif",
              id: 123,
              prize: "1.20"
            },
            {
              name: "z",
              img: "//www.baidu.com/img/baidu_jgylogo3.gif",
              id: 456,
              prize: "1.20"
            }
          ]
        },
        tab: [
          {
            name: "推荐",
            id:"recommend"
          },
          {
            name: "0元团",
            id:"subpage1"
          },
          {
            name: "田园蔬菜",
            id:"subpage1"
          }
        ]
      }
    },
    methods:{
      tabChange:function (v) {

        this.num = v;
      }
    }
  }
</script>

<style scoped>

</style>
